@use '@/styles/variables' as *;

.comparison {
  height: 46vh;

  .top {
    @include flex-between;
    padding: 5px 10px;
    border-bottom: $basic-border;
  }

  h4 {
    font-size: 2.2vh;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
  }

  :global(.ant-btn-primary) {
    height: 3.5vh;
    width: 6.5vw;
    font-size: 1.8vh;
    color: #fff;
    background-color: #1677ff !important;
    border: none;
  }


  .content {
    height: 88%;
    padding: 7px;
    overflow: auto;

    pre {
      font-size: 2vh;
      white-space: pre-wrap;
    }
  }

  ::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #225dbc;
  }

}